<link rel="stylesheet" href="assets/css/bootstrap-select.min.css" />
<div id="page-inner">
	<div class="panel panel-default">
		<div class="panel-heading">水信息图表</div>
		<div class="panel-body">
			<div class="col-md-3">
				<label class="col-md-3">所在位置</label>
				 <div class="input-group col-md-9">					 		
					<select id="work_id" class="form-control selectpicker"
						data-live-search="true" title="请选择车间所在位置" multiple
						data-actions-box="true" data-selected-text-format="count > 5">
					</select>				 
				</div>
			</div>
			<div class="col-md-3">
				<label class="col-md-3">设备类型</label>
				<div class="input-group col-md-9">
					<select id="select_no" class="form-control selectpicker"
						title="请选择设备类型">
					</select>
				</div>
			</div>
			<div class="col-md-3">
				<label class="col-md-3">设备编号</label>
				<div class="input-group col-md-9">
					<select id="select_type" class="form-control selectpicker"
					    data-live-search="true" multiple
						data-actions-box="true" data-selected-text-format="count > 5"
						title="请选择设备编号">
					</select>
				</div>
			</div>
		</div>
		<div class="panel-body">
			<div  class="col-md-5">
				<label for="dtp_input1" class="	col-md-3 control-label">开始时间</label>
				<div class="input-group date form_datetime col-md-9" 
					data-link-field="dtp_input1">
					<input id="starttime" class="form-control" type="text"
						value="" readonly><span class="input-group-addon"><span
						class="glyphicon glyphicon-remove"></span></span> <span
						class="input-group-addon"><span
						class="glyphicon glyphicon-th"></span></span> <input type="hidden"
						id="dtp_input1" value="" />				
				</div>
			</div>
			
			<div class="col-md-5">
				<label for="dtp_input2" class="col-md-3 control-label">结束时间</label>
				<div class="input-group date form_datetime col-md-9"
					data-link-field="dtp_input2">
					<input id="endtime" class="form-control"  type="text"
						value="" readonly> <span class="input-group-addon"><span
						class="glyphicon glyphicon-remove"></span></span> <span
						class="input-group-addon"><span
						class="glyphicon glyphicon-th"></span></span> <input type="hidden"
						id="dtp_input2" value="" />
				</div>
			</div>
			<span class="input-group-btn">
				<button id="search" class="btn btn-default" type="button">
					<i class="fa fa-search"></i>
				</button>
				<button id="btn_return" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>返回
            </button>
			</span>
		</div>

	</div>

	<div id="hidechartdiv" class="panel panel-default" >
		<div class="panel-heading">水信息图表</div>
		<div class="panel-body">
			<div class="chart" id="water-chart"></div>
		</div>
		<div class="panel-body">
			<div class="chart" id="water-bar-chart"></div>
		</div>
		<div class="panel-body">
			<div class="chart" id="water-pie-chart"></div>
		</div>
	</div>
</div>
<script src="pages/js/water_visual.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

